---
layout: plugins
title: Plugins
---
<script src='{{site.baseurl}}/assets/prettify.js'></script>
<div id='plugins' class='doc' data-swiftype-index=true>
{% for plugin in site.categories.plugin %}
<div class='keyline-all round-top clearfix space-bottom contain fill-white'>
  <div class='clearfix prose contain pad2'>
    <div class='col9'>
      <a class='doc-section' id='{{plugin.prefix}}'></a>
      <h3>{{plugin.title | markdownify | strip_html }} <a href='{{plugin.code}}' title='Project page' class='icon github'></a></h3>
      <div class='prose'>{{plugin.description}} {% if plugin.license %}<em class='quiet'>&#8211; {{plugin.license}} licensed. </em>{% endif %}</div>
      <div>
        <a href='{{site.baseurl}}/example/{% if plugin.example %}{{plugin.example}}{% else %}{{plugin.prefix}}{% endif %}/' class='rcon next'>View example</a>
      </div>
    </div>
    {% if plugin.js or plugin.css %}<div class='pin-right pad2'>
      <a href='#' title='Copy plugin to clipboard' data-clipboard-target='snippet-{{forloop.index}}' class='button icon clipboard js-clipboard'>Copy</a>
  </div>{% endif %}
  </div>
  <div class='col12 quiet-scroll fill-light'>
    <pre id='snippet-{{forloop.index}}' class='pad2 prettyprint'>{% if plugin.js %}&lt;script src='https://api.mapbox.com/mapbox-gl-js/plugins/{{plugin.prefix}}/v{{site.data.plugins[plugin.prefix].latest}}/{{plugin.prefix}}.js'&gt;&lt;/script&gt;{% endif %}
{% if plugin.css %}&lt;link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/{{plugin.prefix}}/v{{site.data.plugins[plugin.prefix].latest}}/{{plugin.prefix}}.css' type='text/css' /&gt;{% endif %}</pre>
  </div>
</div>
{% endfor %}
</div>
<script>prettyPrint();</script>
